<template>
    <div>
        <page-header title="我加入的团队">
            <div style="margin-top: 10px; margin-left: 90px;">
                团队搜索：
                <a>
                    <input style="width: 200px; height: 27px;" autocomplete="off" placeholder="请输入团队名" clearable>
                    <el-button icon="el-icon-search" size="mini">查找</el-button>
                </a>
            </div>
        </page-header>  
        <page-main title="秃击队">
            <el-table ref="table" :header-cell-style="{'text-align':'center'}" :cell-style="{'text-align':'center'}" :data="dataList" border stripe highlight-current-row @selection-change="selectionDataList = $event">
                <el-table-column prop="name" label="成员姓名" width="90" />
                <el-table-column prop="sex" label="性别" width="60" />
                <el-table-column prop="age" label="年龄" width="60" />
                <el-table-column prop="phone" label="手机号" width="130" />
                <el-table-column prop="email" label="邮箱" width="170" />
                <el-table-column prop="unit" label="所在单位" width="110" />
                <el-table-column prop="position" label="组内职务" width="90" />
            </el-table>
        </page-main>
        <page-main title="莱布妮子队">
            <el-table ref="table" :header-cell-style="{'text-align':'center'}" :cell-style="{'text-align':'center'}" :data="dataList" border stripe highlight-current-row @selection-change="selectionDataList = $event">
                <el-table-column prop="name" label="成员姓名" width="90" />
                <el-table-column prop="sex" label="性别" width="60" />
                <el-table-column prop="age" label="年龄" width="60" />
                <el-table-column prop="phone" label="手机号" width="130" />
                <el-table-column prop="email" label="邮箱" width="170" />
                <el-table-column prop="unit" label="所在单位" width="110" />
                <el-table-column prop="position" label="组内职务" width="90" />
            </el-table>
        </page-main>
        <page-main title="你说的都队">
            <el-table ref="table" :header-cell-style="{'text-align':'center'}" :cell-style="{'text-align':'center'}" :data="dataList" border stripe highlight-current-row @selection-change="selectionDataList = $event">
                <el-table-column prop="name" label="成员姓名" width="90" />
                <el-table-column prop="sex" label="性别" width="60" />
                <el-table-column prop="age" label="年龄" width="60" />
                <el-table-column prop="phone" label="手机号" width="130" />
                <el-table-column prop="email" label="邮箱" width="170" />
                <el-table-column prop="unit" label="所在单位" width="110" />
                <el-table-column prop="position" label="组内职务" width="90" />
            </el-table>
        </page-main>
    </div>
</template>

<script>
export default {
    name: 'JoindeTeamIndex',
    props: {},
    data() {
        return {
            dataList: [
                {
                    name: '李明',
                    sex: '女',
                    age: '30',
                    phone: '15555555555',
                    email: '123456789@qq.com',
                    unit: '重庆xxx公司',
                    position: '组长'
                },
                
                {
                    name: '李明',
                    sex: '女',
                    age: '30',
                    phone: '15555555555',
                    email: '123456789@qq.com',
                    unit: '重庆xxx公司',
                    position: '管理'
                },
                {
                    name: '李明',
                    sex: '女',
                    age: '30',
                    phone: '15555555555',
                    email: '123456789@qq.com',
                    unit: '重庆xxx公司',
                    position: '审批'
                }
            ],
            selectionDataList: []
        }
    },
    created() {},
    mounted() {},
    methods: {}
}
</script>